﻿@font-face {
    font-family: "iconfont"; /* Project id 4420444 */
    src: url('iconfont.woff2?t=1705979467165') format('woff2'),
         url('iconfont.woff?t=1705979467165') format('woff'),
         url('iconfont.ttf?t=1705979467165') format('truetype');
  }
  
  .iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-linian:before {
    content: "\e65d";
  }
  
  .icon-gongsiyuanjing:before {
    content: "\e637";
  }
  
  .icon-guanlilinian:before {
    content: "\e71b";
  }
  
  .icon-fuwuzongzhi:before {
    content: "\e600";
  }

.fl { float: left; }

.fr { float: right; }

.clearfloat::after { display: block; content: ""; clear: both; }
ul::after { display: block; content: ""; clear: both; }

.text-ellipsis { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

a:hover, a { color: #000; }

body { overflow-x: hidden; }

.mb110 { margin-bottom: 110px; }

.mt30 { margin-top: 30px; }

.mt40 { margin-top: 40px; }

.mb40 { margin-bottom: 45px; }

.fz18 { font-size: 18px !important; }

.donghua { transition: all 0.4s; -ms-transition: all 0.4s; -moz-transition: tall 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; }

.donghuatwo { transition: all 0.8s; -ms-transition: all 0.8s; -moz-transition: tall 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }

.container { -webkit-box-sizing: border-box; box-sizing: border-box; width: 1280px; margin: 0 auto; }
.w1650{padding: 0 6%; box-sizing: border-box;}
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}
.col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}
.col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.container1330 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 1330px; margin: 0 auto;}
.no_cursor a{cursor: default;}
@keyframes scale_btn
{
0% { -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transform:scale(0.8); transform:scale(0.8);}
50% { -moz-transform:scale(1); -o-transform:scale(1); -webkit-transform:scale(1); transform:scale(1);}
100% { -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transform:scale(0.8); transform:scale(0.8);}
}

.swiper-pagination-progressbar{background-color: #04807b !important;}
.swiper-pagination-progress{position: relative !important;}

.imgbox { overflow: hidden; }

.imgbox img { width: 100%; }

.imgscale { overflow: hidden; }

.imgscale:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.imgscale img { -webkit-transition: all 0.4s; transition: all 0.4s; width: 100%; }

.dot2 { -webkit-line-clamp: 2; }

.dot3 { -webkit-line-clamp: 3; }

.dot4 { -webkit-line-clamp: 4; }

.dot2, .dot3, .dot4 { display: -webkit-box; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; }

.header { -webkit-transition: all 0.4s; transition: all 0.4s; position: absolute; top: 0; left: 0; right: 0; z-index: 999; padding: 0 6%; height: 75px; box-sizing: border-box;}

.header .logo img { margin-top:6%; height: 45px;}

.head_navlist li { float: left; margin: 0 27px; }

.head_navlist li > a { position: relative; }

.head_navlist li > a { display: block; font-size: 16px; color: #fff; line-height: 75px; }

.btnbox { width: 115px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; -webkit-border-radius: 15px; border-radius: 15px; background-color: #04807b; }

.btnbox a { color: #fff; }

.baojia { margin-left: 23px; margin-top: 22px; }

.language { margin-left: 20px; margin-right: 28px; }

.language .languagebox { position: relative; height: 75px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.language .languagebox .language_text img, .language .languagebox .language_text span, .language .languagebox .language_text i { display: inline-block; vertical-align: middle; }

.language .languagebox .language_text { height: 30px; font-size: 13px; color: #fff; position: relative; cursor: pointer; border: 1px solid rgba(255, 255, 255, 0.6); -webkit-border-radius: 15px; border-radius: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; width: auto !important; height: 30px; line-height: 26px; padding: 0 15px; }

.language .languagebox .language_text span { margin-left: 7px; margin-right: 16px; }

.language .languagebox .language_text i { position: absolute; top: 0; right: 10px; }

.language .languagebox .language_menu { display: none; position: absolute; top: 100%; left: 0; right: 0; background-color: #fff;box-shadow: 0 0 5px rgb(0,0,0,0.2);}

.language .languagebox .language_menu a { display: block;padding:0 10px;font-size: 14px;margin-bottom: 5px;}
.language .languagebox .language_menu a:last-child{margin-bottom: 0;}
.language_menu{padding: 6px 0;}

.language .languagebox .language_menu a:hover { color: #04807b; }

.language .languagebox .language_menu img{display: inline-block;vertical-align: middle;width: 20px;margin-right: 5px;}
.language .languagebox .language_menu span{display: inline-block;vertical-align: middle;}

.language .languagebox:hover .language_menu { display: block; }

.search_box { height: 75px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; }

.search_btn { color: #fff; }

.search_btn i { font-size: 20px; }

#search-form { max-height: 0; position: absolute; top: 100%; right: 0; -webkit-transition: max-height, 0.5s; transition: max-height, 0.5s; width: 380px; height: 45px; overflow: hidden; background-color: #fff; }

.search_btn { cursor: pointer; }

#search-form input { height: 100%; width: 100%; padding: 0 5px 0 22px; background: #ffffff; border: none; color: #333; z-index: 9; border: 1px solid #eee; border-right: none; }

#search-form .searchbtn { position: absolute; bottom: 0; right: 0; width: 15%; margin: 0; padding: 0; text-transform: uppercase; color: #ffffff; background: #04807b; border: none; cursor: pointer; z-index: 11; height: 100%; }

#search-form .searchbtn i { font-size: 20px;text-align: center;}
#search-form .searchbtn img{margin:auto;}


.header_active { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); position: fixed; -webkit-transition: all 0.4s; transition: all 0.4s; top: 0; }

.lau_02, .logo02 { display: none !important; }

.header_active { background-color: #fff; }

.header_active .head_navlist ul li a { color: #333; }

.header_active .language_text { color: #333 !important; border-color: #e4e0e0  !important; }

.header_active .lau_02 { display: inline-block !important; }

.header_active .lau_01, .header_active .logo01 { display: none !important; }

.header_active .logo02 { display: block !important; }

.header_active .search_btn .img1 {display: none;}
.search_btn .img2{display:none;}
.header_active .search_btn .img2 {display:block;}


.head_navlist ul li { position: relative; }

.head_navlist ul li > span { display: none; position: absolute; right: 15px; width: 20%; height: 41px; top: 10px; }

.head_navlist ul li > span::after { position: absolute; top: 50%; right: 10px; width: 8px; height: 8px; border-top: 2px solid #666; border-right: 2px solid #666; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: all 0.5s; transition: all 0.5s; content: ""; }

.sub_zinav { position: absolute; top: 100%; width: 200px; background-color: #fff; left: 50%; -webkit-transform: translate(-50%, 10px); -ms-transform: translate(-50%, 10px); transform: translate(-50%, 10px); min-width: 180px; background: white; padding: 10px 0; pointer-events: none; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; border: solid 1px #e4e6ee; border-top: 0; }

.sub_zinav a { padding: 8px 0; text-align: center;  -webkit-transition: all 0.3s; transition: all 0.3s; display: block; 
    /* color: rgba(40, 40, 40, 0.5); */
}

/* 手机端导航 */
.navmenu_div { margin-left: 15px; margin-top: 14px; display: none; }

.navmenu_box { width: 30px; height: 30px; position: relative; cursor: pointer; z-index: 1003; }

.navmenu_box span { display: block; height: 2px; background: #fff; position: absolute; width: 20px; -webkit-transition: all .3s ease; transition: all .3s ease; left: 5px; }

.navmenu_box span:nth-child(1) { top: 8px; }

.navmenu_box span:nth-child(2) { top: 50%; }

.navmenu_box span:nth-child(3) { bottom: 6px; }

.closeNavbtn span:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 15px; }

.closeNavbtn span:nth-child(2) { display: none; }

.closeNavbtn span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 15px; }


.banner-info { position: absolute; bottom: 110px; left: 0; right: 0; }

.banner-info { color: #fff; }

.banner-info.hui .baninfo_02 { opacity: 0.3; }

.baninfo_01 { font-family: 'fzltcxhjt'; font-size: 54px; line-height: 60px; position: relative; }

.baninfo_02 { font-size: 20px; line-height: 34px; }

.baninfo_03 a.ban_btn {margin-right: auto; display: block; width: 180px; height: 50px; text-align: center; line-height: 50px; border: 1px solid rgba(255, 255, 255, 1); -webkit-border-radius: 5px; border-radius: 5px; color: #fff; }

.baninfo_03 a.ban_btn:hover { background-color: #04807b; border-color: #04807b; }

.index_swiper .swiper-slide { overflow: hidden; }
.index_swiper .swiper-slide:nth-child(2n) .container{text-align:right;}
.index_swiper .swiper-slide:nth-child(2n) .baninfo_03 a.ban_btn{display:inline-block;}

.baninfo_03 { margin-top: 65px; }

.baninfo_02 { margin-top: 60px; }

/* .baninfo_01::before { content: ""; display: block; width: 182.85714%; height: 1px; background-color: #fff; opacity: 0.1; position: absolute; right: 0; bottom: -34px; } */

.no-overflow { overflow: initial; }

.banner-info .container { position: relative; }

.banner-info .inxban-btn { position: absolute; top: 100%; right: 90px; transform: rotateZ(90deg);}

.banner-info .inxban-btn i { color: #848a90; font-size: 20px; cursor: pointer; }

.banner-info .inxban-btn i:hover { color: #04807b; }

.inxban-next { margin-top: 65px; }

.banner-info.blue .baninfo_en { margin-bottom: 50px; font-family: none; color: #50c0f0; text-transform: uppercase; font-size: 28px; }

.banner-info.blue .baninfo_no::before { display: none; }

.banner-info.blue .baninfo_02 { margin-top: 8px; }

/* .banner-info.blue .baninfo_01::before { bottom: -19px; } */

.banner-info.blue .baninfo_02 { opacity: 0.3; }

.tong_title { color: #fff; text-align: center; }

.tong_title .p01 { font-size: 18px; margin-bottom: 5px; }

.tong_title .p02 { font-size: 36px; }

.indexTitle{position: relative;line-height: 1;}
.indexTitle span{position: relative;font-size:40px;display: block;margin-left: 20px;font-weight: bold; }
.flexcen{display: flex;justify-content: center;align-items: center;}
.flexsta{display: flex;justify-content: flex-start;align-items: center;}
.flexend{display: flex;justify-content: flex-end;align-items: center;}
.flexbet{display: flex;justify-content: space-between;align-items: center;}
.flexaro{display: flex;justify-content: space-around;align-items: center;}


/*首页产品中心*/
.in_about{width: 100%; height: auto; overflow: hidden; background: #fff url(../images/a1b1.png) top center no-repeat; padding:4%  0; box-sizing: border-box;}
.in_about_left{width: 40%; float:left;}
.in_about_leftbt{overflow: hidden; margin-top:20px;}
.in_about_leftbt span{font-size: 40px; font-weight: 600; color: #04807b; float: left}
.in_about_leftbt p{font-size: 20px; color: #333;float: left; margin-top: 25px;}
.in_about_leftny{font-size: 16px; line-height: 30px; color: #555; margin-top:20px;}
.in_amore{margin:20px 0; overflow: hidden;}

.in_about_right{width: 50%; float: right; position:relative;}
.in_about_right_pic{overflow: hidden;  border-radius: 15px;}
.in_about_right_pic img{ position: relative; z-index: 2; width: 100%;vertical-align: middle;transition: all 0.5s; border-radius: 15px;}
.in_about_right_pic:hover img{transform: scale(1.1)!important;-webkit-transform: scale(1.1)!important;}
.in_about_rightbg{position: absolute; z-index: 1; background-color: rgba(255, 255, 255, 0.5); top: 20px; left: 20px; display: block; width: 100%; height: 100%; border-radius: 15px;}
.h80{height: 100px; overflow: hidden;}


/*==============首页产品=====================*/
.sy_bt{font-size:40px;color: #04807b;text-align: center; margin-bottom: 3%; font-weight: 600;}

.i_case{ overflow:hidden; padding:3% 0; box-sizing: border-box;  background-size: cover;}
.i_case .i_case_con{overflow:hidden; width:100%; margin:0 auto;text-align:center;}
.i_case_t label{color:#fffefe; font-size:14px; text-transform:uppercase;line-height:26px; letter-spacing:4px;}


.i_case .i_case_con .i_cast_a{text-align:center;font-size:16px;margin-bottom:4%;}
.i_case .i_case_con .i_cast_a a{display:inline-block;position:relative;padding:0 1%;margin:0 5px;line-height:45px;color:#fff;z-index:2;}
.i_case .i_case_con .i_cast_a a::after{content:"";position:absolute;left:0;top:0;background:#3f3f3f;width:100%;height:100%;z-index:-1;transform: skewX(-15deg);}
.i_case .i_case_con .i_cast_a .on{color:#fff;}
.i_case .i_case_con .i_cast_a .on::after{background:#04807b;}



.i_case .i_case_con .i_case_ul_div{ display:none;}
.i_case .i_case_con ul{ overflow:hidden; zoom:1;}
.i_case .i_case_con ul li{ margin-right:2%; float:left; _display:inline; overflow:hidden; text-align:center;width: 23%;}
.i_case .i_case_con ul li .pic{ text-align:center; border: 1px solid #e0e0e0}
.i_case .i_case_con ul li .pic img{ width:100%; height:auto; display:block;}
.i_case .i_case_con ul li .pic{ overflow:hidden;}
.i_case .i_case_con ul li a:hover .pic img{ -o-transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}

.i_case .i_case_con ul li .title{ line-height:24px;  }
.pictitle { display:block;overflow:hidden;cursor: pointer;transition: 0.3s;}
.pictitle p {font-size:16px;color:#333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height:30px;padding:13px 0;}
.i_case .i_case_con ul li :hover .pictitle p{ color:#04807b;}
.trans { -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.i_two{overflow:hidden; padding: 3% 0; box-sizing: border-box; background: #f8f8f8;}
.i_twobg{margin-top: 0%; overflow: hidden;}
.i_two .imgs{ overflow:hidden; position:relative;}
.i_two .imgs img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_two .imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_two .txts{ background:rgba(57,122,116,0.9); overflow:hidden; position:absolute; width:100%; height:100%; color: #fff; text-align:center; top:0; left:0;opacity:0;filter:Alpha(opacity=0);transition:all 0.3s; }
.i_two .txts .tables{ display:table; width:100%; height:100%; }
.i_two .txts .tables .cell_tb{ display:table-cell; vertical-align:middle;}
.i_two .txts i{ margin:0 auto; display:block; width:34px; height:24px; overflow:hidden; background:url(../images/i_bg7.png) center center no-repeat; background-size:auto 100%;}
.i_two .txts .bt{font-size: 22px; font-weight: 600;}
.i_two .txts span{ clear:both; display:inline-block; overflow:hidden; margin-top:10px; text-transform:uppercase; font-size:14px; padding: 0 3%; box-sizing: border-box;}
.i_two .txts:hover{opacity:1.0;filter:Alpha(opacity=100);}
.i_two .i_two_l{ float:left;width:32.333%; overflow:hidden; margin-right:0.3%;}
.i_two .i_two_l ul li{ float:left; overflow:hidden; width:100%; margin-bottom:0.7%;}
.i_two .i_two_l ul li img{width: 100%; display: block;}

.i_two .i_two_r{ float:right;width:32.333%; overflow:hidden;}

.i_two .i_two_r ul li{float:left;overflow:hidden;width:100%; margin-bottom:0.7%;}
.i_two .i_two_r ul li img{width: 100%; display: block;}
.i_two .i_two_m{ float:left;width:32.333%; overflow:hidden; margin-right:0.3%;}
.i_two .i_two_m ul{margin-right: -0.3%}
.i_two .i_two_m li{width:100%; height: auto; float: left;margin-top:0.3%; margin-right:0.4%}
.i_two .i_two_m li img{width: 100%; display: block;}


/*产品*/
.proc{box-sizing:border-box;margin:5.5rem 0 7rem 7%;width:93%;overflow: hidden;position:relative;}
.proc li{width:60%;justify-content: space-between; opacity: 0.2;}
.proc .swiper-wrapper .swiper-slide{ display: flex;justify-content: space-between; align-items: center;background: #f5f5f5;border-top-right-radius: 30px;border-bottom-right-radius: 30px;}
.proc li.swiper-slide-active{opacity:1;}
.proc li .proca{width:48%; float: left;}
.proc li .procb{width:52%; float: right; box-sizing:border-box;padding:30px 3rem;align-items: center;}
.proc li img{width:100%;}
.proc .ccbt{color:#000;font-size:20px;font-weight: bold;margin-bottom:20px;}
.proc p{color:#333232;font-size:16px;line-height:30px;}
.proc li .procb a{display:block;width:170px;text-align:center;line-height:50px;border-radius: 30px;background:#000;color:#fff;margin-top:40px;transition: all 0.3s;}
.proc li .procb a:hover{width:200px;}
.proc .swiper-button-prev,.proc .swiper-container-rtl .swiper-button-next{background:#fff;}
.proc .swiper-button-next,.proc .swiper-container-rtl .swiper-button-prev{background:#fff;}
.proc .swiper-button-next,.proc .swiper-button-prev{height:auto;position: static;margin:auto;width:100%}
.proc .proj{position:absolute;top:50%;right:10%;z-index: 100;border:1px solid #ccc;width:53px;background: #fff;border-radius: 30px;overflow: hidden;transform: translateY(-50%)}
.proc .proj img{width:12px;}
.proc .proj div{padding:24px 7px;text-align:center;display:flex;justify-content:center;}
.proc .proj:after{content:'';width:100%;height:1px;background:#ccc;position:absolute;top:50%;left:0;}
.proc .proj div:hover{background:#397a74;}
.proc .proj div:hover img{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}


.block-sj {
  display: none;
}

.block-ipad {
  display: none;
}
.block-pc {
  display: block;
}
@media all and (min-width: 1441px) and (max-width: 1600px) {
 .in-cpk .tab .tab_menu{width: 320px;}
  .in-cpk .tab .tab_menu li{padding-left: 50px;line-height: 60px;}
  .incptmk{padding-top: 40px;}
  .incpvm-tit{height: 80px;margin-bottom: 20px;line-height: 40px;}
  .cpvm-text{height: 240px;margin-bottom: 30px;line-height: 30px;}
  .in-pxtuk{width: 50%;}
}

@media all and (min-width: 1025px) and (max-width: 1280px) {
  .in-abtien{line-height: 38px;font-size: 30px;}
  .in-abticn{font-size: 22px;}
  .incpvm-tit{height: 80px;margin-bottom: 20px;line-height: 40px;font-size: 20px;}
  .cpvm-text{height: 240px;margin-bottom: 30px;line-height: 30px;}
  .in-pxtuk{width: 36%;}
  .in-jylnk{padding:24px;}
  .in-jylmk{width: 64%;float: left;margin-left: 0;padding-left: 20px;}
  .in-jylm-titk{margin-bottom: 10px;height: 52px;line-height: 26px;font-size: 16px;}
  .in-jylm-textk{display: none;height: 72px;margin-bottom: 9px;line-height: 24px;}
  .in-abk{padding: 50px 0;}
  .in-abtuk{width: 36.6%;}
  .in-abtjk{width: 63.4%;}
  .in-abtik{margin-bottom: 26px;padding-top: 0;}
  .in-abslb{margin-left: -20px;padding: 20px 0 36px;}
  .in-abslb li{padding: 0 10px;}
  .in-duok{width: 140px;height: 46px;line-height: 46px;}
  .incptuk{margin-top: 0;}
  .ry-jb{margin-left: 0;width: 380px;}
  .ry-tjlbk{width: 62%;}
  .in-cpk{padding: 50px 0 0;}
  .inzxlxb{width: 180px;}
  .in-zxtjk{padding-right: 180px;}
  .tab_menuk{padding: 0;float: right;overflow: hidden;}
  .in-cpk .tab .tab_menu{float: none;width: 100%;overflow: hidden;margin-bottom: 12px;}
  .tab_menum{padding: 0 11px;}
  .in-cpk .tab .tab_menu li{float: left;padding-left: 0;margin: 0 12px;line-height: 40px;}
  .tab_menukbg{width: 0;}
  .in-cpk .tab .tab_box{float: none;width: 100%;}

}


@media all and (max-width:1000px) {
  .in-cpk{padding: 50px 0 0 0}
  .cpvm-text {height: 208px;margin-bottom: 20px;line-height: 26px;}
  .incpzsk{width: 92%; margin: 0 auto;}
  .incptmk { width: 92%; margin: 0 auto;  padding-top: 35px;padding-bottom: 36px;float: none;}
  .in-abtien{line-height: 32px;font-size: 27px;}
  .in-abticn{font-size: 18px;margin-bottom: 6px;}
  .incpvm-tit{height: auto;margin-bottom: 20px;line-height: 30px;font-size: 24px;}
  .cpvm-text{height: auto;margin-bottom: 12px;line-height: 29px;font-size: 14px;}
  .in-pxtuk{width: 100%;margin-bottom: 16px;} 
  .incptuk{margin-top: 0;margin-bottom: 12px;width: 100%;float: none;}
  .in-duok{width: 120px; height: 36px; line-height: 36px; margin: 22px auto; padding: 0 12px; font-size: 13px;}
  .qing .swiper-container-incpsj .swiper-pagination-bullet-active {background: #041145 !important;}

  .block-pc{display: none; }
  .block-ipad{ display: none; }
  .block-sj{display: block; }

  }


  .news{width: 100%;padding: 4% 0%; overflow: hidden;}
  .newstit{ font-size: 40px;
    line-height: 65px;
    overflow: hidden;
    color: #333;
    font-weight: 600;
    text-align: center;}
  .news .swiper-container{padding:2% 0 5.5%; overflow: hidden;}
  .news a{display:block;width:100%; transition:all .4s ease;position: relative;}
  .news-imgs{width: 100%;overflow: hidden;transition: all .5s;-webkit-transition: all .5s;  display: block;}
  .news-imgs img{width: 100%;object-fit: cover;transition: all 1s ease; height: auto;  display: block;}
  .news-wd{background: #f5f5f5;display: flex;padding:3%;transition: all .4s ease; box-sizing: border-box;}
  .news-time{font-size:15px;color:#333;font-family: "Samsung";text-align:center;padding-left:2%; text-align: center; }
  .news-time span{font-weight:700;font-size:76.2px;color:#333;display:block;width:60px;line-height:1;font-family:"Adderley" !important;}
  .news-txt{width:calc(100% - 75px); border-right: 1px solid #333; padding-right: 2%;}
  .news-txt-title{font-size:16px;color:#333;font-weight:700;margin-bottom:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  .news-txt p{font-size:14px;line-height:28px;color:#333;overflow:hidden;}
  
  .nbutter{background:#04807b; width: 62px; position: absolute; bottom:-46px; right:60px; z-index: 99;}
  .nbutter img{width: 100%; display: block;}
  .news .news-imgs:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
  .news-imgs:hover img{transform: scale(1.1)}
  
  .news-list .swiper-pagination-bullet{width:12px;height:12px;opacity:1;background:#fff}
  .news-list .swiper-pagination-bullet-active{background:#093391}
  .news-list .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 12px}
  
  .news .swiper-slide:hover a{margin-top: 2%;}
  .news .swiper-slide:hover .nbutter{background: #333;}
  
  .news .swiper-pagination{display: flex;align-items: center;justify-content: center;padding: 0 20px;  bottom: -76px; position: relative;}
  .news .swiper-pagination span{z-index:2;cursor:pointer;margin:0 15px!important;width:8px;height:8px;position:relative;-webkit-transition:0.5s;transition:0.5s;background:#333;opacity: 1!important;}
  .news .swiper-pagination span.swiper-pagination-bullet-active{background:#04807b;}
  .news .swiper-pagination span.swiper-pagination-bullet-active:after{content: "";position: absolute;left: -15px;top: -15px;border: 1px solid #04807b;width:37.5px;height:37.5px;border-radius: 50%;}
  .banz,.bany{font-size: 24px;cursor: pointer;line-height: 30px;color: #fff;}
  

.partner{padding:4% 0; overflow: hidden; background: #f5f5f5;}
.partner .parbox{overflow: hidden;}
.partner .parbox ul{margin-top: 2%; overflow: hidden; margin-right: -2%;}
.partner .parbox li{float: left;width:13%;height: auto;margin-right: 1%;border:1px solid #e5e5e5;margin-bottom: 20px;position: relative;overflow: hidden; background: #fff;}

.partner .parbox li .pic{display: table;margin: 0 auto;}
.partner .parbox li .pic span{display: table-cell;vertical-align: middle;height: auto;}
.partner .parbox li .pic span img{display: block;max-width: 100%;max-height: 100%;}
.partner .parbox li .hzbt{position: absolute;left: 0;top: 0;width: 100%;height: auto;background: rgba(0, 78, 161, 0.83);font-size: 16px;text-align: center;line-height: 83px;color: #fff;transform: scale(0);transition: 0.5s all}
.partner .parbox li p{position: absolute;left: 0;top: 0;width: 100%;height: auto;font-size: 14px;text-align: center;line-height: 160px;color: #fff;}
.partner .parbox li:hover .hzbt{transform: scale(1.1);}
.partner .more{display: block;width: 230px;height: 50px;line-height: 50px;text-align: center;font-size: 14px;color: #666;text-transform: uppercase;background: #fff;margin: 40px auto auto auto;border:1px solid #dcdcdc;}
.partner .more:hover{background: #085cb4;color: #fff}
  
  


.kehu_box { height: 120px; background: #04807b; }

.kehu_box .kehu_left { font-size: 22px; color: #fff; line-height: 120px; width: 120px; }

.kehu_box .kehu_right { width: -webkit-calc(100% - 120px); width: calc(100% - 120px); height: 120px; }

.kehu_box .kehu_right img { max-width: 80%; }

.kehu_box .kehu_right .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.kehu_swiper { height: 100%; }

.footer_bottom { background: #000000; height: 60px; line-height: 60px; }

.footer_bottom p { text-align: center; color: #999999; font-size: 14px; opacity: 0.7; }

.footer_bottom p a { color: #999999; opacity: 0.7; }

.footer_bottom p a:hover { color: #fff; }

.footer_top { background: #191919; padding:3% 0; }

.ft_links a { display: inline-block; vertical-align: middle; width: 26px; height: 26px; margin-right: 10px; }



.ft_links a:nth-child(4) { margin-right: 0; }

.footer_top .ft_left img { width: 180px; margin-bottom: 22px; }

.footer_top .ft_left .c_info { font-size: 14px; line-height: 24px; color: rgba(255, 255, 255, 0.4); }
.footer_top .ft_left .c_info { font-size: 14px; line-height: 24px; color: rgba(255, 255, 255, 0.4); }
.footer_top .ft_left .c_info ul{}
.footer_top .ft_left .c_info li{display: flex;align-items: center;margin-bottom: 14px; }
.footer_top .ft_left .c_info li i{
    display: block;
    width: 33px;
    height: 33px;
    margin-right: 12px;
}
.footer_top .ft_left .c_info li:nth-child(5){width: 100%;}
.footer_top .ft_left .c_info li i.address{
    background: url('../images/footer_address.png') no-repeat center center;
}
.footer_top .ft_left .c_info li i.mobile{
    background: url('../images/footer_mobile.png') no-repeat center center;
}
.footer_top .ft_left .c_info li i.phone{
    background: url('../images/footer_phone.png') no-repeat center center;
}
.footer_top .ft_left .c_info li i.email{
    background: url('../images/footer_email.png') no-repeat center center;
}
.footer_top .ft_left .c_info li i.website{
    background: url('../images/footer_website.png') no-repeat center center;
}
.footer_top .ft_left .c_info li p{
    display: block;
    flex: 1;
    overflow: hidden;
}
.footer_top .ft_left .c_info li p a{
    display: block;
    font-size: 16px;
    color: #BBBBBB;
    line-height: 20px;
}



.ft_links { margin-top: 48px; }

.ft_right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.ft_right .ftdlitem { width: 190px; border-right: 1px solid rgba(255, 255, 255, 0.1); margin-left: 30px; }

.ft_right .ftdlitem:last-child { border-right: none; width: auto; max-width: 190px; }

.ft_right .ftdlitem a { color: #fff; }

.ft_right .ftdlitem dd a { display: block; font-size: 14px; color: rgba(255, 255, 255, 0.4); line-height: 38px; }

.ft_right .ftdlitem dt a { font-size: 16px; }

.ft_right .ftdlitem dt { margin-bottom: 13px; }

.ft_right .ftdlitem dd a:hover { color: #fff; }

.ft_left { max-width: 440px; }

.Container-wrapper{width: 100%;overflow: hidden;}
.sonBan{width: 100%;position: relative;background: #fff;}
.sonBan-img{width: 100%;object-fit: cover;min-height: 300px;}

/* 品牌列表 */
.menu-shell{ background-color: #fafafa;overflow:hidden;}
.menu-shell .menu-lbox{ float: left;}
.menu-shell .menu-lbox dd{ font-size: 16px;float: left; margin-right:50px;}
.menu-shell .menu-lbox dd:last-child{ margin-right:0;}
.menu-shell .menu-lbox dd a{ display: block; padding:20px 0; color: #666; border-bottom: solid 2px #fafafa; transition: all .5s;}
.menu-shell .Current{ padding:20px 0;float: right; font-size:0;}
.menu-shell .Current i{ margin:0 20px; display:inline-block; vertical-align: middle; width:6px; height:6px; background-color:#cbcbcb; border-radius:50%;}
.menu-shell .Current span,
.menu-shell .Current a{ display:inline-block; vertical-align: middle; font-size:15px; color:#666;transition: all .5s;}
.menu-shell .Current a:hover{ color: #04807b;}
.menu-shell .menu-lbox dd a:hover,
.menu-shell .menu-lbox dd.active a{ color: #04807b; border-color: #04807b;font-weight:bold;font-size:18px;}


.company-story{width: 100%;padding:4% 0;position: relative;}
.company-stoitems{width: 100%;display: flex;justify-content: space-between;}
.company-stoshow{width: calc(100% - 55%);position: relative;z-index: 2;padding-left: 75px;}
.company-stocont {width: 100%;overflow-y: auto; height: 368px;padding-right: 20px;margin-top: 20px; }
.company-stocont::-webkit-scrollbar {width: 4px;height: 4px;}
.company-stocont::-webkit-scrollbar-thumb {border-radius: 4px;box-shadow: inset 0 0 6px #04807b;}
.company-stocont::-webkit-scrollbar-track {box-shadow: inset 0 0 6px #eee;border-radius: 0;}
.company-comtitle{width: 100%;}
.company-comtitle .abt{font-size: 32px;color: #222;position: relative;padding-bottom: 10px;font-weight: bold;}
.company-comtitle .abt::after{content: '';width: 29px;height: 2px;background-color:#04807b;position: absolute;bottom: 0;left: 0;}
.company-comtitle h3{font-size: 26px;color: #333;line-height: 30px;margin-top: 22px;}
.company-stocont p{font-size:16px;color: #777;line-height: 34px;}
.company-stoimg{width:50%;}
.company-stoimg-items{width: 100%;overflow: hidden;display: flex;justify-content: center;align-items: center;position: relative;}
.company-stoimg-items img{object-fit: cover;width: 100%;}

.company-gc{line-height: 36px; font-size: 15px; overflow: hidden;}
.company-gc img{width: 100%;margin: 0 auto; display: block;}

.index-title-hz{overflow:hidden;}
.index-title{font-size:32px;line-height:35px;color:#000;float:left;position:relative;padding-left:20px}
.index-title:after{content:"";position:absolute;left:0;background:#04807b;width:5px;height:28px;top:5px}

.index-product-bj{background:url(../images/p1bj.jpg) center;background-size:cover;background-attachment:fixed;padding:4% 0;overflow:hidden}
.ny-fzlc-bj{background:url(../images/p1bj.jpg) center;background-size:cover;background-attachment:fixed;padding-top:60px;overflow:hidden}
.ny-qyzl{padding-top:50px;overflow:hidden;display:flex;flex-wrap:wrap;margin-left:-1%;margin-right:-1%}
.about-qyzl-a{border-radius:15px;background:#fff;padding:30px;text-align:center;width:23%;float:left;margin:0 1% 2% 1%;overflow:hidden;display:block;transition:transform 0.5s;-webkit-transition:transform 0.5s; box-sizing: border-box;}
.about-qyzl-a p{color:#666}
.about-qyzl-a:hover{box-shadow:0px 0px 20px 0px rgba(4,0,0,0.1);transform:translateY(-6px);-webkit-transform:translateY(-6px)}
.about-qyzl-a-title{font-size:24px;margin:30px 0;overflow:hidden;color:#333 !important;padding-bottom:20px;position:relative}
.about-qyzl-a-title:after{content:"";position:absolute;background:#dbdbdb;width:40px;left:48%;transform:translate(-48%,0%);height:3px;bottom:0}
.about-qyzl-a-title p{font-size:15px}
.qywh-pic{font-family:"iconfont" !important;font-size:60px;line-height:60px;font-style:normal;color:#04807b;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
  

.ldip{padding:4% 0; overflow: hidden;}
.ldip .swiper-container{padding:3% 0 0%; overflow: hidden; }
.ldip .swiper-container .swiper-wrapper{}
.paimg{overflow: hidden; border: 1px solid #ccc;}
.paimg img{width: 100%; margin: auto;}
.ldip .index_gc{overflow: hidden;}
.ldip .index_gc ul{margin-top: 2%; overflow: hidden; margin-right: -2%;}
.ldip .index_gc li{float: left;width:13%;height: auto;margin-right: 1%;border:1px solid #e5e5e5;margin-bottom: 20px;position: relative;overflow: hidden; background: #fff;}

.ldip .index_gc li .pic{display: table;margin: 0 auto;}
.ldip .index_gc li .pic span{display: table-cell;vertical-align: middle;height: auto;}
.ldip .index_gc li .pic span img{display: block;max-width: 100%;max-height: 100%;}
.ldip .index_gc li .hzbt{position: absolute;left: 0;top: 0;width: 100%;height: auto;background: rgba(0, 78, 161, 0.83);font-size: 16px;text-align: center;line-height: 83px;color: #fff;transform: scale(0);transition: 0.5s all}
.ldip .index_gc p{font-size: 16px;text-align: center;line-height: 40px;color: #333;}
.ldip .index_gc li:hover .hzbt{transform: scale(1.1);}
.ldip .more{display: block;width: 230px;height: 50px;line-height: 50px;text-align: center;font-size: 14px;color: #666;text-transform: uppercase;background: #fff;margin: 40px auto auto auto;border:1px solid #dcdcdc;}
.ldip .more:hover{background: #085cb4;color: #fff}

.ldip .swiper-paginations{display: flex;align-items: center;justify-content: center;bottom: -40px; position: relative;}
.ldip .swiper-paginations span{z-index:2;cursor:pointer;margin:0 5px!important;width:8px;height:8px;position:relative;-webkit-transition:0.5s;transition:0.5s;background:#333;opacity: 1!important;}
.ldip .swiper-paginations span.swiper-pagination-bullet-active{background:#0068ff;}
.ldip .swiper-paginations span.swiper-pagination-bullet-active:after{content: "";position: absolute;left: -15px;top: -15px;border: 1px solid #0068ff;width:37.5px;height:37.5px;border-radius: 50%; }


.Ulimg2{overflow: hidden;}
.Ulimg2 ul{ margin-left:-2%;}
.Ulimg2 li{ float:left; width:23%; margin-left:2%; text-align:center; margin-bottom:2%; box-sizing: border-box; overflow: hidden;}
.Ulimg2 li .upimg{width: 100%; overflow: hidden;}
.Ulimg2 li .upimg img{ max-width:100%; -webkit-transition:0.5s;transition:0.5s;}
.Ulimg2 li .upimg:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.Ulimg2 li span{display:block; line-height:22px; font-size:15px; padding: 12px 0 0;}

.Ulimg3{overflow: hidden;}
.Ulimg3 ul{ margin-left:-2%;}
.Ulimg3 li{ float:left; width:23%; margin-left:2%; text-align:center; margin-bottom:2%; box-sizing: border-box; overflow: hidden;}
.Ulimg3 li .upimg{width: 100%; overflow: hidden; height: 261px;}
.Ulimg3 li .upimg img{ max-width:100%; -webkit-transition:0.5s;transition:0.5s;}
.Ulimg3 li .upimg:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.Ulimg3 li span{display:block; line-height:22px; font-size:15px; padding: 12px 0 0;}

.ny-news-hztext{overflow: hidden; padding: 3% 0;}
.ny-news-hz{margin-left:-1%;margin-right:-1%;}
.ny-news-box{width:47.8%;margin-left:1%;margin-right:1%;display: flex; flex-wrap: wrap;border:1px solid #ccc;border-top-left-radius:10px;border-bottom-right-radius:10px;float:left;margin-bottom:3%;}
.ny-news-box a{display: flex;justify-content: space-between;align-items: center;}
.ny-news-left-title{color:#04807b;font-size:22px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.ny-news-left-nr{margin:25px 0;font-size:15px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:22px;}
.ny-news-left-rq{float:right;font-size:15px;color:#4c4c4c;margin-top:8px;}
.ny-news-left{padding:3%;width:64%;float:left; box-sizing: border-box;}
.ny-news-pic{width:36%;float:right;background-position: center; background-size: cover;}
.ny-news-pic img{border-bottom-right-radius:10px; max-width: 100%;}
.index-about-more{color:#fff; width:155px;height:42px;line-height:42px;padding:0 20px;background:#04807b;border-top-left-radius:10px;border-bottom-right-radius:10px;float:left; box-sizing: border-box;}
.index-about-more a{color:#fff;font-size:17px;}
.index-about-more a:hover{ text-decoration:underline;}
.ny-news-box:hover .index-about-more{color:#fff;}
.ny-news-box{overflow:hidden;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.ny-news-box:hover{transform:translateY(-6px); -webkit-trafont-size: 0;box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.2);border:1px solid #04807b; }

.xinwenxiangqing{box-sizing: border-box;}
.xinwenxiangqing .nd_head{text-align: center;border-bottom: 1px dashed #d6d6d6;padding-bottom:1%}
.xinwenxiangqing .nd_head p{color: #04807b;font-size: 28px;height: auto;padding-bottom:1%}
.xinwenxiangqing .nd_head span{color: #666;font-size: 16px;margin: 0 15px;}
.xinwenxiangqing .nd_text{text-align: left;font-size:16px;line-height:30px;padding: 15px 0;}
.xinwenxiangqing .nd_text .big{font-size:18px;line-height: 35px;font-weight: 600;color:#333; font-weight: 600;}
.xinwenxiangqing .nd_text img{max-width: 100%;display: block;margin: 10px auto;}
.xinwenxiangqing .nd_text .baimg{width: 40%;float: right;margin-left: 30px;}
.xinwenxiangqing .nd_text .baimg img{width: 100%;clear: both;display: block;margin: auto}
.detail_fenx a{font-size:14px;padding:12px 0;overflow:hidden;margin-top:20px;border-top:1px dotted #adadad;color:#333;}
.new_s2{width:100%;float:left;margin-top:5%;}
.related-product{overflow:hidden;}
.related-product .title,.relatedTitle{background:#e7e7e7;height:45px;line-height:45px;}
.related-product .title span,.relatedTitle span{display:inline-block;color:#fff;background:#04807b;width:120px;height:45px;text-align:center;font-size:16px;font-weight:bold;}
.relatedNews{margin:3% 0 0;overflow:hidden}
.relatedNews_font{font-size:13px;margin-top:15px;}
.relatedNews_font ul{margin-right:-3%}
.relatedNews_font ul li{float:left;margin-right:3%;width:47%;;line-height:40px;border-bottom:1px dotted #ddd;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.relatedNews_font ul li a{background:url(../images/ly_li.png) no-repeat left center;padding-left:10px;color: #666}
.relatedNews_font ul li a:hover{color: #04807b}
.relatedNews_font ul li span{float:right;color:#999;margin-left:30px;}
.fanhui{float:right;width:126px;margin:0 auto;position:relative;height:1px;}
.fanhui a{position:absolute;z-index:2;width:125px;height:42px;line-height:42px;top:25px;right:0;text-align:center;background:#04807b;font-size:16px;color:#fff;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.fanhui a:hover{color:#fff;font-size:16px;font-weight:100;text-decoration:underline;}
.PreveNext{border-top:1px #DEDEDE solid;margin:0px auto;width:100%;height:70px;padding-top:10px;padding-bottom:10px;clear:both;overflow:hidden;}
.PreveNext ul{float:left;}
.PreveNext li{width:100%;float:left;line-height:32px;text-align:left; font-size: 15px;}

.inf_cont{overflow: hidden;}
.inf_cont .box{width: 47%;}
.inf_cont .box .cbt{font-size:30px; font-weight: 600;}
.word2{font-size: 16px;line-height: 24px;}
.inf_cont .word2{min-height: 48px;margin: 20px 0;}
.inf_cont .box1 .cbt{font-size: 30px; font-weight: 600; margin-bottom: 3%;}
.inf_cont .box1 .inp{width: 100%;display: flow-root;margin-bottom: 20px;}
.inf_cont .box1 .inp p{font-size: 14px;display: block;margin-bottom: 10px;}
.inf_cont .box1 .inp input{width: 100%;height: 50px;line-height: 50px;border-radius: 5px;border: 1px solid #666;text-indent: 10px;}
.inf_cont .box1 .inp input:hover{border-color: #04807b;}
.inf_cont .box1 textarea{height: 182px;width: 100%;border-radius: 5px;border: 1px solid #666;padding: 10px;box-sizing: border-box;}
.inf_cont .box1 .sub{width: 100%;border-radius: 5px;background: #333;color: #fff;font-size: 18px;text-align: center;height: 50px;line-height: 50px;cursor: pointer;}
.inf_cont .box1 .sub:hover{background: #04807b;}
.inf_cont .box2 ul{overflow: hidden;}
.inf_cont .box2 li{margin: 15px 0;display: inline-flex; width: 50%; float: left;}
.inf_cont .box2 li .txt{display: table-cell;vertical-align: middle;}
/* .inf_cont .box2 li:first-child{margin-top: 15px;} */
.inf_cont .box2 li span{font-size: 22px;margin-right: 8px;}
.inf_cont .box2 li span img{width:48px; margin: 0 auto;display: block;vertical-align: middle;}
.inf_cont .box2 li b{font-size: 18px;display: block;}
.inf_cont .box2 .imgfd{border-radius: 5px;height: 368px;padding-top: 0;}
.imgfd{overflow: hidden;}
.imgfd img{ width: 100%; transition: all 0.5s ease;object-fit: cover;display: block;}
.imgfd:hover img{transform: scale(1.1);}
#map_container{height: 368px;border: 5px solid #fff; font-size: 15px; font-family: 'Poppins';font-weight: normal;color:#000;}

.proList {padding: 3% 0; overflow: hidden;}
.proList ul{margin-right:-2%; }
.proList li{float:left;width:23%;margin-bottom:20px;margin-right:2%;}
.proList li a{display:block;}
.proList li .pImg{transition:all .3s;border:1px solid #e1e1e1;transition:all .4s;}
.proList li .pImg:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#fa030a;transition:all 0.3s;transform:perspective(400px) rotateX(-90deg);-moz-transform:perspective(400px) rotateX(-90deg);-webkit-transform:perspective(400px) rotateX(-90deg);-o-transform:perspective(400px) rotateX(-90deg);transform-origin:top;z-index:2;opacity:.7;}
.proList li .pImg:after{content:"";position:absolute;width:58px;height:58px;background: url('../images/pMore.png') no-repeat;left:50%;top:50%;margin-left:-27px;opacity:0;transition:all 0.3s;z-index:3;}
.proList li p{height:60px;line-height:60px;color:#191919;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;text-align:center;font-size:1.143em;}
.proList li a:hover img{transform: scale(1.1);}
.proList li a:hover p{color:#04807b;}
.proList li:hover .pImg:before{transform:perspective(200px) rotateX(0);}
.proList li:hover .pImg:after{transition-delay:.1s;margin-top:-27px;opacity:1;}
.hide{overflow:hidden;}
.pImg{position:relative;display:block;overflow:hidden;}
.pImg img{width:100%;transition:all 0.5s;}

.pronqbox{padding: 3% 0; overflow: hidden;}
.pro_rightss{overflow: hidden;}
.productss{width:100%;float:left;}
.productss img{max-width: none !important;}
.promore_l{width:40%;float:left;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:100%;border:1px solid #d6d6d6;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.spec-preview{width:100%;height:100%;}
.spec-scroll{clear:both;margin-top:10px;width:100%;float:left;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;width:32px;height:32px;cursor:pointer;margin-top:5px;}
.spec-scroll .items{float:left;position:relative;width:80%;height:51px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;}
.spec-scroll .items ul li{float:left;width:66px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6;padding:2px;width:57px;height:44px;}
.spec-scroll .items ul li img:hover{border:2px solid #04807b;padding:1px;}
.pros_right{width:55%;float:right;overflow:hidden;}
.pros_right_top{overflow:hidden;border-bottom:2px solid #e6e6e6;}
.pros_right_top .pbt{overflow:hidden;font-size:24px;color:#333;padding-bottom:3%;}
.pros_right_top .pwz{overflow:hidden;font-size:16px;color:#333;line-height:25px;padding-bottom:3%;}
.proleft{font-size:16px;line-height:30px;margin:5% 0;}
.proleft .bt{font-size: 16px; font-weight: 600; color: #04807b;}
.proleft p{font-size:14px;line-height:25px;}
.prorights{font-size:14px;line-height:30px;margin:2% 0; width: 68%; float: left; }
.prorights .bt{font-size: 16px; font-weight: 600; color: #04807b;}
.prorights p{font-size:14px;line-height:25px; width: 48%; float: left; margin-right: 2%;}

.pc-cx-tel-1{width: 100%;height: auto;border-top: 2px solid #e6e6e6;padding-top: 2%;overflow:hidden;margin-top:4%;}
.pc-cx-tel-1-t1{width: 28%;height: auto;background: #333;font-size: 18px;line-height: 44px;text-align: center;float: right;margin-top: 15px;}
.pc-cx-tel-1-t1 a{display: block;color: #fff;}
.pc-cx-tel-1-t2{height: auto;padding-left: 70px;background: url(../img/head-c-r1.png) no-repeat 0px center;font-size:20px;color: #454545;float:left;line-height:30px;}
.pc-cx-tel-1-t2 p{line-height: 24px;font-size: 18px}
.proleft_btn{width:100%;float:left;margin-top:3%;}
.proleft_btn li{width:150px;float:left;margin-right:10px;}
.proleft_btn li a{width:150px;height:40px;float:left;line-height:40px;text-align:center;font-size:16px;background:#eee;display:block;color: #333722}
.proleft_btn li span{float:left;padding-right:20px;}
.proleft_btn li a:hover,.proleft_btn li a.on{background:#333;color:#fff;}
.tabs-basic{width:100%;margin-top:3%;float:left;}
/* The tabs*/.tabs-basic ul{list-style:none;text-align:left;margin:0;padding:0;border-bottom:1px solid #e6e6e6;background:#eee;}
.tabs-basic ul li{display:inline-block;margin-bottom:-1px;font-size:16px;text-transform:uppercase;}
.tabs-basic a{display:block;text-decoration:none;background:#333;border:1px solid transparent;padding:10px 40px;color: #fff}
.tabs-basic .tab-active{border-bottom:2px solid #04807b;color:#fff;background:#04807b;}
/* The content*/.tabs-basic .tabs-content-placeholder{overflow:hidden;margin:auto;padding:20px 0;}
.tabs-basic .tabs-content-placeholder .div{display:none;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active{display:block;line-height:30px;font-size:14px;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table{border:1px solid #d6d6d6;line-height:24px;text-align:center;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table tr{padding-left:20px;}
.tabs-basic .tabs-content-placeholder .div p{line-height:30px;text-align:left;margin-top:10px;}
.tabs-basic .tabs-content-placeholder .div img{max-width:100%;margin:auto;display: block;clear: both;}
.tabs-basic table{border-collapse:collapse;border: 1px #e6e6e6 solid !important;width:100% !important;line-height:30px!important;}
.tabs-basic table td{padding:8px!important;padding-left:12px !important;word-wrap:break-word;word-break:break-all;border:1px #e6e6e6 solid !important;line-height:30px!important;}
.tabs-basic table td div{padding:0px!important;height:auto!important;}
.hot_pro2{width:100%;float:left;margin-top:3%;}
.hot_pro2_tit{width:100%;height:45px;background:#f1f1f1;color:#333;line-height:45px;font-size:16px;padding:0 20px;border:1px solid #d6d6d6;box-sizing: border-box;}
.scrollleft2{width:100%;float:left;margin-top:20px;margin-bottom: 30px;}
.scrollleft2 ul{margin-right:-20px;}
.scrollleft2 li{width:222px;float:left;margin-right:20px;overflow:hidden;}
.scrollleft2 li img{width:99%;display:block;border:1px solid #e6e6e6;}
.scrollleft2 li img:hover{border:1px solid #04807b;}
.scrollleft2 li a{color: #333}
.scrollleft2 li span{display:block;width:100%;line-height:30px;margin-top:10px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}

.pbtn{margin-top:10px;overflow:hidden;}
.pbtn a{width:33%;height:50px;line-height:50px;float:left;text-align:center;margin-right:3%; background: #04807b;
    color: #fff; font-size:18px}
.pbtn i{font-family:"iconfont";position:relative;margin-right:5px;font-style:normal;line-height:1;top:0px;}
.pbtn i img{width:20px; vertical-align: middle;}
.pbtn a:hover{background:#e51419;color:#fff;}
.pbtn a:nth-child(2){width:50%; background:#e51419;}
  


@media (min-width: 1200px) { .head_navlist ul li.active > a { color: #04807b !important; }
  .head_navlist ul li > a:hover::after { width: 100%; margin-left: -50%; }
  .head_navlist ul li > a:hover { color: #04807b !important; }
  .head_navlist ul li > a::after { position: absolute; bottom: 0; width: 0; height: 2px; background: #04807b; content: ""; display: block; left: 50%; -webkit-transition: all 0.4s; transition: all 0.4s; }
  .head_navlist ul li.active > a::after { width: 100%; margin-left: -50%; }
  .head_navlist ul li:hover .sub_zinav { pointer-events: initial; opacity: 1; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
  .sub_zinav a:hover { background: #04807b; color: #fff !important; } }

@media (max-width: 1400px) { .honner_bgbox { width: 100%; }
  .modelpos_en { font-size: 90px; line-height: 60px; }
  .equ_prev { left: 10px; }
  .equ_next { right: 10px; } }

@media (max-width: 1365px) { .modelpos_en { display: none; }
  .container { width: auto; padding: 0 30px; }
  .model_ctlist .model_ctitem .model_ctleft, .contactmain02_left, .contactmain02_right { padding-left: 30px; }
  .contactmain02_right { padding-right: 30px; }
  .contactmain02_left { padding-right: 30px; }
  .suliaobtnboxmain { left: 30px; }
  .color_category_box { width: 100%; }
  .twospace_box .twospace_item .right { padding: 0 30px !important; }
  .about_cont .right { width: -webkit-calc(100% - 550px); width: calc(100% - 550px); }
  .cp_ban_text .container { width: 100%; }
  .cp_ban_text .cb_right { right: 30px; }
  .cont_title .ctt_desc { font-size: 14px; }
  .cont_title .ctt_tit { font-size: 26px !important; margin-bottom: 8px; }
  .cont_title .ctt_subtit { font-size: 16px; }
  .ppr_main .pro_listbox li .text .desc br, .sortcase_listbox .swiper-slide .text .desc br { display: none; }
  .cp_ban_text .cb_name { font-size: 26px; line-height: 35px; }
  .cp_ban_text .cb_desc { font-size: 14px; line-height: 22px; }
  .cp_ban_text .cb_sz_02 { font-size: 14px; }
  .cp_ban_text .cb_sz_01 span { font-size: 30px; }
  .cp_ban_text .cb_sz_01 img { width: 10px; }
  .slide_imgbox { margin-top: 100px; } }

@media (max-width: 1200px) {
.suliaobox { margin-bottom: 30px; }
.head_navlist li{margin: 0;}
.color_caseswiper,.sortcaseswiper,.fumo_caseswiper  {overflow: hidden !important;}
  .quality_imgbox .quality_entit { letter-spacing: 65px; }
  .problem_bgimg { height: 420px; }
  .stcs_mask { display: none; }
  .twospace_box .twospace_item .right .img_cont { font-size: 14px; }
  .twospace_box .twospace_item .right .img_cont p { margin-bottom: 5px; }
  .twospace_box .twospace_item .right .img_name { font-size: 18px; margin-bottom: 15px; }
  .slide_imgbox { height: 400px; }
  .ft_right { display: none; }
  .navmenu_div { display: block; }
  .header_active .navmenu_box span { background-color: #333; }
  .head_navlist { position: fixed; top: 59px; left: 0; right: 0; background: #fff; bottom: 0; display: none; }
  .header, .search_box, .language .languagebox { height: 60px; }
  .header .logo img { width: 120px; margin-top: 16px; height:auto}
  .baojia { margin-top: 14px; }
  .language { margin: 0 15px; }
  .head_navlist ul li { display: block; float: none; line-height: 60px; padding: 0 15px; border-bottom: 1px solid #f7f7f7; }
  .sub_zinav { display: none; min-width: initial; pointer-events: auto; }
  .head_navlist li > a{line-height: 60px;}
  .sub_zinav { opacity: 1 !important; position: static !important; border: none; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); width: auto; padding: 0 30px; }
  .head_navlist ul li .sub_zinav a { color: #333; line-height: 26px; font-size: 14px; text-align: left; }
  .head_navlist ul li > span { display: block; cursor: pointer; }
  .baninfo_01 { font-size: 36px; line-height: 40px; }
  .baninfo_02 { font-size: 16px; line-height: 24px; }
  .baninfo_01::before { display: none; }
  .baninfo_02, .baninfo_03 { margin-top: 20px; }
  .banner-info.blue .baninfo_en { margin-bottom: 20px; font-size: 16px; }
  .banner-info .inxban-btn { right: 30px; }
  .footer_top { padding: 40px 0; }
  .ft_left { max-width: initial; width: 100%; text-align: center; }
  .footer_top .ft_left img { margin-left: auto; margin-right: auto; }
  .mright340 { margin-right: 0; }
  .twospace_list li p br { display: none; }
  .twospace_list li h2 { font-size: 14px; }
  .mt40 { margin-top: 20px; }
  .twospace_list li { margin-top: 20px; }
  .twospace_list li h2 { margin-bottom: 5px; }
  .twospace_list li { margin-right: 10%; width: 45%; }
  .p_category_swiper .box .pg_left .pg_desc br { display: none; }
  .application_main { padding: 180px 0; }
  .problem_list .item .title { font-size: 18px; }
  .problem_list .item { padding: 30px; }
  .problem_list .item .proem_xian { margin: 15px 0; }
  .aboutctt { font-size: 18px; }
  .about_shuzilist .abnum { font-size: 26px; line-height: 20px; }
  .course_nav { width: 100%; }
  .courseitbox .cour_name { font-size: 30px; }
  .courseitbox .cour_desc { font-size: 14px; }
  .staff_prev { left: 5.2%; }
  .staff_right { right: 5.2%; }
  .welfareimgbox { max-width: initial; width: 43%; }
    .fttp{top:60px;}

}

@media (min-width: 992px) { .welfare_ul li:nth-child(1) { top: 28px; left: -280px; }
  .welfare_ul li:nth-child(2) { top: 45%; left: -286px; }
  .welfare_ul li:nth-child(3) { bottom: 30px; left: -236px; }
  .welfare_ul li:nth-child(4) { top: 40px; right: -175px; }
  .welfare_ul li:nth-child(5) { top: 45%; right: -313px; text-align: left; }
  .welfare_ul li:nth-child(6) { bottom: 30px; right: -264px; text-align: left; } }

@media (max-width: 991px) { .welfare_ul li::after { left: 0 !important; }
  .welfare_ul li { font-size: 14px; padding-left: 30px; }
  .honner_bgbox { height: 300px; }
  .honner_bgbox .honner_bgbtext { padding-left: 30px; }
  .honner_list_cont { padding: 30px; margin-top: -30px; }
  .honner_bgbtext h3 { font-size: 24px; line-height: 32px; }
  .news_mainlist .new-ul-font .new-ul-tit { font-size: 16px; }
  .news_mainlist .new-ul-font { padding: 15px; }
  .news_mainlist .new-ul-font .time { font-size: 14px; }
  .color_caseswiper .color_img_box .name { font-size: 16px; }
  .yf_contimgtext .yf_right .yfri_tit { font-size: 20px; line-height: 28px; }
  .yf_contimgtext .yf_right .yfri_xian { margin: 15px 0; }
  .yf_contimgtext .yf_right .yfri_desc { font-size: 14px; line-height: 22px; }
  .yf_subbox .yf_subboxtit { font-size: 20px; }
  .yf_subbox .yf_subboxppp { font-size: 16px; }
  .douhao_imgtop { left: 0; }
  .douhao_imgbottom { right: 0; }
  .about_cont .left { width: 100%; float: none; }
  .about_cont .right { width: 100%; float: none; margin-top: 30px; }
  .about_cont .left .ab_top { margin-bottom: 40px; }
  .our_services, .about_box, .liucheng_box, .case_box, .news_box { padding: 80px 0; }
  .liucheng_box { padding-bottom: 100px; }
  .case_content { display: block; }
  .case_content .left, .case_content .case_nav { width: 100%; }
  .case_content .case_nav .item { margin-top: 30px; }
  .ab_top .psesc, .tong_title .p02 { font-size: 26px; }
  .liucheng_list .item::after { right: -30%; }
  .liucheng_list .item .name { font-size: 18px; }
  .liucheng_list .item .p_en { font-size: 16px; }
  .case_content .left { margin-bottom: 30px; }
  .case_content .right { width: 100%; }
  .news_swiper .swiper-slide a { padding: 30px 20px; }
  .news_swiper .new_tit { font-size: 18px; line-height: 24px; }
  .news_swiper .new_tit { height: 60px; }
  .news_swiper .new_desc { margin-bottom: 30px; }
  .pro_listbox li a { padding-bottom: 40px; padding-top: 20px; }
  .twospace_box .twospace_item { display: block; }
  .twospace_box .twospace_item .left, .twospace_box .twospace_item .right { width: 100%; }
  .twospace_box .twospace_item .right { margin: 30px 0; }
  .twospace_box .twospace_item .left { display: none; }
  .twospace_box .twospace_item .twospace_twoshow { display: block; }
  .p_category_swiper .box { display: block; }
  .p_category_swiper .box .pg_left, .p_category_swiper .box .pg_right { width: 100%; margin-right: 0; }
  .p_category_swiper .box .pg_left { margin-bottom: 30px; }

.p_cse .box { display: block; }
  .p_cse .box .pg_left, .p_cse .box .pg_right { width: 100%; margin-right: 0; }
  .p_cse .box .pg_left { margin-bottom: 30px; }
    
  .rundesc_main .rundesc_box .ctt_tit { font-size: 24px; line-height: 30px; }
  .rundesc_main .rundesc_box .run_desc { font-size: 14px; }
  .youshi_list ul li .i_text .cont_desc { font-size: 14px; line-height: 22px; }
  .youshi_list ul li .i_text .cont_desc br { display: none; }
  .youshi_list ul li .i_text .name { font-size: 18px; line-height: 22px; }
  .welfare_ul li { position: relative !important; text-align: left; margin-top: 40px; }
  .welfare_ul li p br { display: none; }
  .welfareimgbox { width: 100%; }
  .sports_list .item { margin-right: 30px !important; width: -webkit-calc(50% - 15px); width: calc(50% - 15px); }
  .sports_list .item:nth-child(2n) { margin-right: 0 !important; }
    .feet .di2{display:block;}
    .feet .di2 p{font-size:14px;}
    .feet ul{margin-right:-2%;}
    .feet li{width:31.333%;margin-right:2%}
    .feet .di1{font-size: 18px;}
    
    .xet .zsb{display:block;}
    .xet .zsa{display:none;}
}

@media (max-width: 768px) { 
    
    .circleTT { position: static !important; margin-bottom: 15px;display:none; }
  .circleTT .circleimg { display: inline-block; vertical-align: middle; }
  .circleTT .circlebox { position: static !important; vertical-align: middle; display: inline-block !important; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0);opacity: 1 !important;z-index: 10 !important;}
  .circleTT .circlebox .c_bgimg { display: none; }
  .circleTT .circlebox_div{transform: scale(1) !important;}
  .circleTT .c_textdesc { position: static !important; width: 100%; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); }
    
    .advantage_width .advan_box .advan_youdian, .advantage_width .advan_box .advan_video { width: 100%; }
    .case_pagination {margin-top: 20px !important;}
  .maxlist li.swiper-slide { max-width: 50%; }
  .ppr_main .pro_listbox { margin-bottom: 20px; }
  .tongpagination { display: block; }
  .container, .header { padding: 0 15px; }
  .contactmain02_left, .contactmain02_right { padding-left: 15px; }
  .contactmain02_right, .contactmain02_left { padding-right: 15px; }
  .model_ctlist .model_ctitem .model_ctleft { padding-left: 15px; }
  .suliaobtnboxmain { left: 15px; }
  .banner-info .inxban-btn { right: 15px; }
  .twospace_box .twospace_item .right { padding: 0 15px !important; }
  .baninfo_01 { font-size: 18px; line-height: 24px; }
  .baninfo_02 { font-size: 14px; line-height: 20px; }
  .baninfo_03 a.ban_btn { width: 110px; height: 35px; line-height: 35px; font-size: 12px; }
  .our_services, .about_box, .liucheng_box, .case_box, .news_box { padding: 40px 0; }
  .btntong { margin: 30px auto 0 auto; }
  .liucheng_list .item img { max-width: 40%; }
  .liucheng_list { margin-top: 30px; }
  .liucheng_list .item .num { font-size: 14px; }
  .tong_title .p01 { font-size: 14px; }
  .ab_top .psesc, .tong_title .p02 { font-size: 20px; }
  .about_box .ab_shuzi .item .text_num .couter { font-size: 36px; }
  .about_box .ab_shuzi .item .text_num img { width: 10px; }
  .liucheng_list .item::after { display: none; }
  .case_content .right .caseimg_thumbs { position: static; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); }
  .case_content .caseimg_thumbs .caseimg_thumbsitems { float: left; margin-right: 15px; max-width: -webkit-calc(33.3333% - 10px); max-width: calc(33.3333% - 10px); }
  .case_content .caseimg_thumbs .caseimg_thumbsitems:last-child { margin-right: 0; }
  .case_content .right .caseimg_thumbs { font-size: 0; margin-top: 30px; }
  .case_img_item .big_img { min-width: initial; max-width: 100%; }

  .cp_ban_text .cb_links, .cp_ban_text .cb_desc { display: none; }
  .cp_banner .cb_zhengshu, .cp_ban_text .cb_shuzi::after { display: none; }
  .cp_ban_text .cb_right { position: static !important; float: none; }
  .cp_ban_text .cb_left { display: block; float: none; }
  .cp_ban_text .cb_shuzi { padding-left: 0; }
  .cont_title { margin-top: 40px; }
  .cont_title .ctt_tit, .color_tit .co_name { font-size: 18px !important; line-height: 24px; margin-top: 10px; }
  .cont_title .ctt_xian, .color_tit .co_xian { width: 35px; height: 2px; }
  .cont_title .ctt_subtit { font-size: 14px; line-height: 22px; }
  .cont_title .ctt_desc { font-size: 12px; line-height: 22px; }
  .cont_title .ctt_subtit { margin-bottom: 10px; }
  .slide_imgbox { margin-top: 30px; }
  .ppr_main .pro_listbox { margin-top: 30px; }
  .white-pagination { margin-bottom: 40px; }
  .table_main { padding: 40px 0; }
  .cont_title .ctt_desc br, .stcs_list { display: none; }
  .table_main .table_line .table_tit .tb_left .tb_name { font-size: 18px; margin-bottom: 0; }
  .table_main .table_line .table_tit .tb_left .tb_subname { font-size: 12px; }
  .table_content ul li { padding: 10px; }
  .table_content ul li p { font-size: 12px; }
  .table_content ul li { width: 50%; }
  .table_content ul li:nth-child(2n)::after { display: none; }
  .table_content ul li:nth-last-child(1), .table_content ul li:nth-last-child(2) { border-top: none; }
  .proattr_list li { width: 100%; margin-right: 0; }
  .proattr_list { margin-top: 30px; margin-bottom: 40px; }
  .sortcase_listbox .swiper-slide .text { padding: 15px; }
  .sortcase_listbox .swiper-slide .text .name { font-size: 16px; }
  .sortcase_main { padding: 40px 0; }
  .tb_right { padding-left: 5px; }
  .table_main .table_line { margin-top: 30px; }
  .p_category_swiper .box .pg_left .pg_desc { font-size: 14px; }
  .p_category_swiper .box .pg_left .pg_name { font-size: 18px; margin-bottom: 10px; }
  .pro_category_main { padding: 40px 0; }
  .application_main { padding: 60px 0; }
  .application_iconlist .icon_item img { width: 40px; }
  .application_iconlist .icon_item p { font-size: 14px; margin-top: 8px; }
  .application_iconlist { margin-top: 40px; }
  .p_category_swiper .box .pg_left { padding-right: 0; }
  .advan_swiper .advan_box { display: block; }
  .advan_swiper .advan_youdian, .advan_swiper .advan_video { margin-right: 0; width: 100%; }
  .advan_swiper .advan_youdian { padding: 60px 40px; }
  .advan_swiper .advan_youdian .advan_youdianbox_con h2  { font-size: 18px; }
  .advantage_main { padding: 40px 0; }
  .advantage_main .advan_nav .item { height: 40px; line-height: 36px; width: 150px; font-size: 14px; }
  .problem_main { padding-top: 40px; }
  .slide_imgbox { height: 300px; }
  .rundesc_main .rundesc_box { display: block; }
  .rundesc_main .rundesc_box .run_left, .rundesc_main .rundesc_box .run_right { width: 100%; }
  .rundesc_main .rundesc_box .run_right { margin-top: 30px; }
  .rundesc_main { padding: 40px 0; }
  .youshi_main { padding: 50px 0; }
  .youshi_list ul li { margin-bottom: 50px; width: -webkit-calc(50% - 30px); width: calc(50% - 30px); margin-right: 30px !important; }
  .youshi_list ul li:nth-child(2n) { margin-right: 0 !important; }
  .youshi_list ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .ctt_ppp { font-size: 14px; line-height: 20px; }
  .youdian_title { font-size: 16px; }
  .color_category_main { padding-top: 40px; }
  .color_category_box { padding-top: 40px; }
  .color_cate_desc .co_en { font-size: 20px; }
  .color_cate_desc { padding: 20px 10px; }
  .color_cate_desc .co_cn { font-size: 16px; }
  .color_cate_desc .co_desccont { font-size: 14px; line-height: 22px; }
  .color_cate_desc .co_desccont br { display: none; }
  .color_case { margin-top: 15px; padding: 40px 0; }
  .yf_maincont { padding: 40px 0; }
  .yf_contimgtext .yf_right .yfri_tit { font-size: 16px; line-height: 24px; }
  .color_case .cc_tt { font-size: 18px; }
  .color_category_main .tongpagination { margin-bottom: 20px; }
  .color_caseswiper .color_img_box .name { font-size: 16px; padding-top: 15px; }
  .color_category_box { height: 350px; }
  .yf_contimgtext { display: block; }
  .color_category01 .color_category_box { height: auto !important; padding-top: 30px; padding-bottom: 15px; }
  .yf_contimgtext .yf_left { width: 100%; }
  .yf_contimgtext .yf_right { width: 100%; margin-top: 30px; }
  .yf_subbox .yf_subboxtit { font-size: 16px; }
  .yf_subbox .yf_subboxppp { font-size: 14px; line-height: 22px; }
  .douhao_imgtop, .douhao_imgbottom { display: none; }
  .yf_maincont .tongpagination { margin-bottom: 0 !important; }
  .color_catetable .table_line .table_content { display: block; }
  .color_catetable .table_line .table_biaoti { width: 100%; padding: 20px 0; }
  .color_catetable .table_line .table_liul { width: 100%; }
  .table_biaoti .ttbb_nameen { font-size: 40px; }
  .color_catetable .table_liul li { width: 50%; }
  .table_biaoti .ttbb_name { font-size: 20px; }
  .color_catetable .table_liul li:nth-child(5n):after { display: block !important; }
  .color_catetable .table_liul li:nth-child(2n)::after { display: none !important; }
  .suliao_main, .proattr_maintwo, .quality_main, .model_main { padding: 40px 0; }
  .color_mainbox .color_case, .equipmenttwo_main { padding-top: 40px; padding-bottom: 0; }
  .suliao_swiper .suliao_left .suliao_title { font-size: 18px; }
  .suliao_swiper .suliao_left .suliao_desc { font-size: 14px; line-height: 22px; }
  .suliao_swiper .suliao_left .suliao_desc br { display: none; }
  .suliao_swiper .suliao_left { float: none; width: 100%; margin-bottom: 30px; }
  .suliao_swiper .suliao_right { float: none; width: 100%; }
  .equipment_main .equipment_bg { height: 420px; }
  .equipment_swiper { margin-bottom: 0; }
  .equipment_cont .eqtext .eq_name { font-size: 16px; }
  .tongdesc { font-size: 14px; line-height: 22px; }
  .tongdesc br { display: none; }
  .suliaobg_main .swiper-slide { padding-top: 40px; padding-bottom: 100px; }
  .aboutmain01 { padding-top: 40px; padding-bottom: 10px; }
  .model_ctctflex { display: block; }
  .model_ctlist .model_ctitem .model_ctleft { width: 100%; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .model_ctlist .model_ctitem .model_ctright { width: -webkit-calc(100% - 30px); width: calc(100% - 30px); margin-top: 30px; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .model_pagination { left: 0 !important; text-align: center; }
  .model_ctbg { background: none; }
  .model_ctleft .model_cttit { font-size: 18px; margin-bottom: 5px; }
  .model_ctbg { margin-top: 20px; }
  .robot_bigmain .robot_name { font-size: 20px; }
  .robot_bigmain .robot_desc { font-size: 14px; line-height: 24px; }
  .robot_bigmain { padding: 180px 0; }
  .about_shuzilist { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .about_shuzilist .abszitem { margin-bottom: 30px; }
  .aboutctt { font-size: 14px; line-height: 22px; margin-top: 10px; }
  .aboutctt br { display: none; }
  .aboutmain02 { padding: 40px 0; }
  .course_itemswiper .swiper-slide { margin-top: 0 !important; }
  .opacity_cur { opacity: 1; }
  .course_contlist { margin-top: 40px; }
  .courseitbox { padding-bottom: 0; }
  .courseitbox .cour_name { font-size: 20px; }
  .course_nav .course_navbox { height: 40px; line-height: 40px; }
  .course_nav .coursebtn { width: 30px; height: 30px; }
  .course_nav .coursebtn i { font-size: 20px; }
  .course_nav .course_swiper { width: -webkit-calc(100% - 80px); width: calc(100% - 80px); }
  .course_nav::after { left: 30px; right: 30px; }
  .courseitbox::before { top: 16px; }
  .courseitbox::after { top: 9px; }
  .course_itemswiper .swiper-slide .courseitbox::before { bottom: 0 !important; }
  .courseitbox .cour_desc { margin-bottom: 15px; }
  .aboutmain03 .pro-pagination, .aboutmain02 .pro-pagination { margin-bottom: 0; }
  .contactmain01 { padding-top: 40px; }
  .contact_map { padding: 50px 0; }
  .contactmain02 { display: block; }
  .contactmain02_left, .contactmain02_right { width: 100%; padding: 30px 15px; }
  .contactmain02_left .ci_name { font-size: 20px; }
  .contactmain03_box .ct3_name { font-size: 22px; }
  .contactmain03_box a { width: 130px; height: 40px; line-height: 40px; font-size: 14px; }
  .contactmain03 { height: 200px; }
  .fromline button { width: 150px; }
  .news_searchbox { margin-top: 15px; }
  .news_search { float: none; width: 100%; }
  .news_search .news_searchbtn { width: 80px; }
  .news_search .sin_div { width: -webkit-calc(100% - 80px); width: calc(100% - 80px); }
  .news_search .sin_div input { padding-left: 10px; }
  .newscont_main { padding: 40px 0; }
  .news_mainlist ul li { width: -webkit-calc(50% - 10px); width: calc(50% - 10px); margin-right: 20px !important; margin-bottom: 20px; }
  .news_mainlist ul li:nth-child(2n) { margin-right: 0 !important; }
  .new_details .new_details_title { padding: 15px 0; }
  .new_details_cont { padding: 15px 0; }
  .newprevnext .newprevnext_item { padding: 15px 0; }
  .new_details .new_details_title .newde_tit { line-height: 24px; font-size: 16px; }
  .new_details .new_details_title .newde_time { font-size: 14px; }
  .newprevnext .newprevnext_item .newleft .newtext_icon { margin: 0 10px; }
  .newprevnext .newprevnext_item .newleft, .newprevnext .newprevnext_item .newright { font-size: 14px; }
  .honner_main { padding-top: 40px; padding-bottom: 25px; }
  .honner_bgbox { height: 200px; }
  .honner_bgbtext h3 { font-size: 16px; line-height: 22px; margin-bottom: 0; }
  .honner_bgbtext .pxianb { display: none; }
  .honner_list_cont { padding: 15px; margin-top: -15px; }
  .honner_list_cont .item { margin-right: 15px !important; margin-bottom: 15px; width: -webkit-calc(50% - (15px / 2)); width: calc(50% - (15px / 2)); }
  .honner_list_cont .item:nth-child(2n) { margin-right: 0 !important; }
  .honner_nav a { height: 40px; line-height: 40px; width: 25%; font-size: 14px; }
  .close_btn { right: 15px; top: 60px; width: 25px; }
  .life_main01 { padding: 40px 0; }
  .welfareimgbox .circleimg { width: 60%; }
  .staff_btn { display: none; }
  .sports_list { margin-top: 30px; }
  .sports_list .item { margin-bottom: 30px; }
  .sports_title h2 { font-size: 18px; }
  .sports_title p { font-size: 12px; }
  .life_main02 { padding-bottom: 40px; }
    .feet li{width:48%;}
    .fttp-acc{line-height: 20px;}
    
.liutu ul{margin-right:-2%;}
.liutu li{width:48%;}
.liutu-b{font-size:16px;padding:15px 0;}
    .batu{margin-top:20px;}
.batu li { width:48%;margin:0 2% 10px 0;}
    .batu ul li:nth-child(4),.batu ul li:nth-child(5){background:#262626;}
.batu ul li:nth-child(2),.batu ul li:nth-child(3),.batu ul li:nth-child(6),.batu ul li:nth-child(7){background:#fff;}
.batu li .proimg { height: auto; }
.batu li .name { font-size: 16px;  }
.batu ul li:nth-child(2) .name,.batu ul li:nth-child(3) .name,.batu ul li:nth-child(6) .name,.batu ul li:nth-child(7) .name{color: #000;}
.batu ul li:nth-child(4) .name,.batu ul li:nth-child(5) .name{color:#fff;}
 
.batu ul li:nth-child(2) .desc,.batu ul li:nth-child(3) .desc,.batu ul li:nth-child(6) .desc,.batu ul li:nth-child(7) .desc{color:#333;opacity: 0.8}
.batu ul li:nth-child(4) .desc,.batu ul li:nth-child(5) .desc{color:#fff;}
    
.batu li:hover { background-color: #3b3b3b; }
.batu li a { display: block; padding-bottom: 60px; padding-top: 40px; }
}

@media (max-width: 580px) { .welfareimgbox .circleimg { width: 80%; }
.proattr_list li .abox{display: block;}
.proattr_list li .abox .attr_img{width: 100%;}
.proattr_list li .attr_text{width: 100%;margin-top: 15px;padding-left: 0 !important;padding-right: 0 !important;}
.proattr_list li .attr_text .at_desc{overflow: auto;height: auto;max-height: initial;min-height: initial;-webkit-line-clamp:initial;}
  .welfareimgbox .circle_logo { height: 20px; }
  .welfare_ul li { margin-top: 20px; }
  .sports_list .item { width: 100%; margin-right: 0 !important; }
  .sports_imgtext h2 { font-size: 16px; line-height: 26px; }
  .sports_imgtext p br { display: none; }
  .honner_list_cont .item { padding: 10px; }
  .honner_nav a { width: 50%; }
  .robot_bigmain { padding: 100px 0; }
  .model_pagination { bottom: 10px !important; }
  .advantage_main .advan_nav .item { width: 110px; margin-right: 10px; }
  .advantage_main .advan_nav .item { font-size: 12px; }
  .advan_swiper .ad_descp { font-size: 14px; line-height: 22px; }
  .advan_swiper .ad_descp br { display: none; }
  .color_nav .item { font-size: 14px; }
  .color_nav { margin-top: 20px; }
  .color_category_main .tongpagination { margin-top: 5px; }
  .color_cateswiper .color_img_box .name { padding-top: 6px; padding-bottom: 0; font-size: 16px; }
  .mt30 { margin-top: 15px; }
  .twospace_box { margin-top: 20px; }
  .twospace_box .twospace_item .right .img_cont p br { display: none; }
  .ppr_main .pro_listbox li .text .name { font-size: 16px; }
  .maxlist li.swiper-slide { max-width: 100%; }
  .baojia { display: none; }
  .index_swiper .imgbox img { width: auto; max-width: initial; height: 300px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
  .baninfo_02 { font-size: 12px; line-height: 18px; }
  .baninfo_01 { font-size: 14px; line-height: 20px; }
  .baninfo_02, .baninfo_03 { margin-top: 10px; }
  .inxban-next { margin-top: 15px; }
  .banner-info .inxban-btn { top: 0; }
  .banner-info.blue .baninfo_en { font-size: 14px; letter-spacing: 0; margin-bottom: 10px; }
  .baninfo_03 a.ban_btn, .banner-info.blue .baninfo_02 br { display: none; }
  .btntong { width: 140px; height: 40px; line-height: 40px; }
  .ab_top .psesc, .tong_title .p02 { font-size: 18px; line-height: 26px; }
  .about_box .ab_shuzi { margin-top: 10px; }
  .about_box .ab_shuzi .item .text_num .couter { font-size: 18px; }
  .ab_jieshao p.mtb30 { margin-top: 10px; }
  .ab_jieshao p { font-size: 14px; line-height: 22px; }
  .case_content .caseimg_thumbs .caseimg_thumbsitems img { max-height: 45%; }
  .case_content .caseimg_thumbs .caseimg_thumbsitems { height: 110px; }
  .kehu_box, .kehu_box .kehu_right { height: 80px; }
  .kehu_box .kehu_left { line-height: 80px; font-size: 16px; }
  .liucheng_list .item { width: 33.3333%; margin-top: 30px; }
  .liucheng_list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .liucheng_list { margin-top: 0; }
  .liucheng_list .item .p_en { font-size: 12px; }
  .liucheng_list .item .name { font-size: 14px; }
  .liucheng_list .item .desc { display: none !important; }
  .liucheng_list .item img { margin-top: 10px; }
  .case_content .case_nav .item .name { font-size: 16px; margin-bottom: 5px; }
  .case_content .case_nav .item .desc { font-size: 12px; line-height: 18px; }
  .case_content .case_nav .item { margin-top: 20px; }
  .case_img_item .bigimg { max-width: 60%; }
  .case_img_item .big_img { background: none; }
  .case_img_item .big_img .pf14 { padding-left: 0; }
  .news_content .newsmore { width: 130px; height: 40px; line-height: 40px; }
  .news_swiper, .inxnews-base { margin-top: 30px; }
  .news_swiper .new_tit { font-size: 16px; line-height: 22px; }
  .news_swiper .new_tit { height: 46px; }
  .ab_top .pn { font-size: 14px; }
  .kehu_box .kehu_left { width: 85px; }
  .kehu_box .kehu_right { width: -webkit-calc(100% - 85px); width: calc(100% - 85px); }
  .footer_bottom { height: auto; padding: 8px 0; }
  .footer_bottom p { line-height: 24px; }
  .ft_links { margin-top: 15px; }
  
  .case_content .right .caseimg_thumbs { margin-top: 20px; }
  .proattr_list li { padding: 15px 0; }
  .proattr_list li .attr_text .at_name { font-size: 14px; }
  .proattr_list li .attr_text .at_desc { font-size: 12px; }
  .proattr_list li .attr_text { padding: 0 15px; }
  .cp_ban_text .cb_name { font-size: 16px; }
  .cp_ban_text .cb_sz_01 span { font-size: 24px; line-height: 30px; }
  .cp_ban_text .cb_sz_02 { margin-top: 5px; }
  .cp_ban_text .cb_name { margin-bottom: 6px; }
  .table_content ul li .tbimgbox { width: 100%; left: 0; top: 100%; }
  .twospace_box .twospace_item .right .img_name { font-size: 16px; margin-bottom: 5px; }
  .mt40 { margin-top: 15px; }
  .twospace_list li { width: 100%; margin-right: 0; margin-top: 15px !important; }
  .p_category .p_item { font-size: 14px; margin: 0 8px; padding-bottom: 8px; }
  .p_category { margin-top: 20px; }
  .p_category_swiper { margin-top: 30px; }
  .p_category_swiper .box .pg_left .pg_name { font-size: 16px; }
  .p_category_swiper .box .pg_left .pg_desc { line-height: 22px; }
  .fz18 { font-size: 16px !important; }
  .application_iconlist .icon_item { width: 33.3333%; max-width: 33.3333%; margin-top: 20px; }
  .problem_bgimg { height: 260px; }
  .problem_list { display: block; }
  .problem_list .item { width: 100%; padding: 15px; margin-bottom: 20px; }
  .problem_list .item .title { font-size: 16px; }
  .problem_boxcont { padding-bottom: 20px; }
  .problem_bgimg { margin-top: 10px; }
  /* .sortcase_main { padding-top: 0; } */
  .pro_listbox { margin-top: 20px; }
  .advan_swiper .advan_youdian { padding: 30px 15px; }
  .advan_swiper .advan_youdian ul li { font-size: 14px; line-height: 22px; }
  .advan_swiper .advan_youdian .advan_youdianbox_con h2  { font-size: 16px; }
  .slide_imgbox { height: 220px; background-attachment: scroll; }
  .rundesc_main .rundesc_box .ctt_tit { font-size: 18px; margin: 15px 0; }
  .rundesc_main .rundesc_box .run_desc { line-height: 22px; }
  .youshi_list ul li { width: 100%; margin-right: 0 !important; margin-bottom: 20px !important; }
  .application_iconwidth .icon_item { margin-bottom: 20px; }
  .application_iconwidth { margin-top: 20px; }
  .youshi_list ul li .i_text .name { font-size: 16px; margin-bottom: 5px; }
  .youshi_list ul li .icon { width: 35px; }
  .color_category_box { height: 220px; }
  .color_cate_desc { margin-top: 0; }
  .color_tit { margin-bottom: 20px; }
  .color_case { margin-top: 0 !important; }
  .yf_contimgtext .yf_right .yfri_tit br, .yf_subbox .yf_subboxppp br { display: none; }
  .yf_subbox { padding: 15px; }
  .quality_imgbox .quality_entit { letter-spacing: 18px; }
  .quality_imgbox img { width: 30%; }
  .suliaobtnboxmain .suliaobtn { border-color: #a5a3a3; }
  .about_shuzilist { margin-top: 30px; }
  .about_shuzilist .abszitem:nth-child(2n) { border-right: none; }
  .aboutctt { text-align: left; }
  .about_shuzilist { -webkit-box-pack: left; -webkit-justify-content: left; -ms-flex-pack: left; justify-content: left; }
  .aboutmain03 .color_caseswiper .color_img_box .name { margin-bottom: 8px; }
  .codesc { font-size: 14px; line-height: 22px; }
  .about_shuzilist .abszitem { padding: 0; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; }
  .country_name { font-size: 12px; left: -28px; top: 0; }
  .dotbox img { width: 15px; height: 15px; }
  .dotbox .pulse { display: none; }
  .address_textbox { display: none !important; }
  .news_mainlist ul li { width: 100%; margin-right: 0 !important; }
  .page_box a, .page_box span { height: 30px; width: 30px; line-height: 30px; font-size: 12px; }
  .page_box .laypage_prev, .page_box .laypage_next { margin: 0 5px; }
  .newprevnext .newprevnext_item .newright { display: none; }
  .newtext_name { display: block; }
  .new_details .new_details_title .newde_time { display: block; float: none; margin-top: 5px; } }

.search_container{padding: 60px 0;}
.searchtitle401 {
    margin-bottom: 30px;
    font-size: 24px;
    padding: 28px 15px;
    background-color: #f2f2f2;
}
.searchinputcont401 input,.searchinputcont401 button{border: none;}
.searchinputcont401 {
    width: 45%;
    margin: 0 auto;
}
.searchinputcont401 dt {
    float: left;
    width: 78%;
}
.searchinputcont401 dd {
    float: left;
    width: 22%;
}
.searchinputcont401 dt input {
    font-size: 16px;
}
.searchinputcont401 dt input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-indent: 12px;
    font-size: 15px;
    color: #333333;
    background-color: #ffffff;
    font-family: "Microsoft YaHei";
}
.noimgbox{width: 100% !important;}
.searchinputcont401 dd input {
    font-size: 16px;
    font-weight: bold;
}

.searchinputcont401 dd input {
    margin-top: 0;
}
.searchinputcont401 dd input {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
    background-color: #04807b;
    text-align: center;
    font-family: "Microsoft YaHei";
}
.clearfloat::after{display: block;content: "";clear: both;}
.search_list .item{padding: 18px 0;border-bottom: 1px solid #eee;}
.search_list .item h2{margin-bottom: 20px;}
.search_list .item h2 a{font-size: 20px;margin-bottom: 20px;color: #333;}
.search_list .item h2 a br{display: none;}
.searchimg401{
    float: left;
    margin-right: 30px;
    display: block;
    width: 200px;
    overflow: hidden;
}
.search_list .item img {
    display: block;
    width: 100%;
    margin-bottom: 2%;
}
.search_list .item img {
    width: 100%;
}
.resulttext401 {
    overflow: hidden;
    height: 72px;
    color: #999;
}
.searchbox{float: left;width: calc(100% - 250px);}
.resultlabel401 {
    color: #999;
    display: inline-block;
    padding-top: 20px;

}
.resultlabel401 a{color: #333 !important;}
.search_list .item:first-child{border-top: 1px solid #eee;}
.swiper_ibox{background: none;width: 50px;height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.sortcase_main .swiper_ibox i{color: #545454;}
.color_case .swiper_ibox i{color: rgba(0, 0, 0, 0.1);}
.swiper_ibox i{font-size: 50px;}
.swiper_ibox i:hover{color: #04807b;}
.swiper_i_left{left: -60px;}
.swiper_i_right{right: -60px;}
.language .languagebox:hover .language_text{border-color: #04807b;}
.language .languagebox:hover .language_text span,.language .languagebox:hover .language_text i{color: #04807b;}
.banner-video{width: 100%;}
@media (max-width: 1300px){
    .swiper_ibox{display: none;}
}

@media (max-width: 768px){
    .search_container{padding: 40px 0;}
    .searchtitle401 {
        padding: 15px 15px;
    }
    .searchinputcont401 {
        width: 98%;
    }
    .searchimg401 {
        float: none;
        width: 100%;
    }
    .searchbox {
        width: 100%;
    }
    .search_list .item h2{margin-top: 10px;margin-bottom: 10px;}
    .search_list .item h2 a{font-size: 16px;}
    .resulttext401{height: auto;}
    .yfa{font-size:22px;    margin-top: 30px;}
    .yfimg li p{font-size:14px;}
    .yfimg li{width:48%;}
}
